<%--
Created by IntelliJ IDEA.
User: Zafkiel
Date: 2021/8/14
Time: 18:25
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>靓仔购物网 - 找回密码</title>

		<!--用百度的静态资源库的cdn安装bootstrap环境-->
		<!-- Bootstrap 核心 CSS 文件 -->
		<link href="./css/bootstrap.min.css" rel="stylesheet">
		<!--font-awesome 核心我CSS 文件-->
		 <link href="font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<!-- 在bootstrap.min.js 之前引入 -->
		<script src="./js/jquery-3.2.1.min.js"></script>
		<!-- Bootstrap 核心 JavaScript 文件 -->
		<script src="./js/bootstrap.min.js"></script>


	</head>
	<body>
		<!-- 头部 logo -->
		<header class="container">
			<div class="row" style="padding-top: 20px;">
				<div class="col-md-2"><img src="img/logo.png" /></div>
				<div class="col-md-2" style="font-size: 30px; line-height: 70px;">找回密码</div>
			</div>
			<hr >
		</header>
		
		<div class="container">
			<form  >
				<!-- 手机号 -->
				<div class="row" style="position: relative; top: 200px; left: 300px; ">
					<div class="col-md-12">
						<input type="text"  style="width: 50%; height: 50px;" name="phone" placeholder="请输入手机号码" required autofocus/>
					</div>
				</div>
				<!-- 验证码 -->
				<div class="row" style="position: relative; top: 230px; left: 300px; ">
					<div class="col-md-12">
						<input name="check" class="pull-left" type="text"  style="width: 40%; height: 50px;" placeholder="请输入验证码" required/>
						<button id="check_btn" class="btn btn-primary" style="width: 10%; height: 50px;" >验证</button>
					</div>
				</div>
				<!-- 新密码 -->
				<div class="row" style="position: relative; top: 260px;  left: 300px; ">
					<div class="col-md-12">
						<input name="first_pwd" type="text"  style="width: 50%; height: 50px;" placeholder="请输入新密码" required/>
					</div>
				</div>
				
				<!-- 新密码 -->
				<div class="row" style="position: relative; top: 290px;  left: 300px; ">
					<div class="col-md-12">
						<input name="second_pwd" type="text"  style="width: 50%; height: 50px;" placeholder="请再次输入新密码" required/>
					</div>
				</div>
				<!-- 提交 -->
				<div class="row" style="position: relative; top: 320px;  left: 300px; ">
					<div class="col-md-12">
						<input type="submit" class="btn btn-success" style="width: 50%; height: 50px;" value="提交"/>
					</div>
				</div>
			</form>
		</div>

	</body>
</html>
